<template>
    <audio id="tipMusic">
        <source :src=src type="audio/mp3"/>
    </audio>
    <!-- <n-switch
    class="music-btn"
    :rail-style="railStyle"
    v-model:value="store.openMusic"
  >
    <template #checked>不会错过重要提醒啦</template>
    <template #unchecked>开启声音提醒</template>
  </n-switch> -->
  <div class="main">
    <div class="content">
        <Chat></Chat>
    </div>
  </div>
</template>
<script lang="ts" setup>
import src from '../../public/mp3/msgTip.mp3';
import Chat from '../components/Chat.vue';
</script>
<style  scoped lang="less">
.music-btn {
  position: absolute;
  right: 30px;
  top: 10px;
}
.main {
  width: 100%;
  min-width: 1200px;
  height: 90%;
  background-image: url('../assets/img/bk1.jpg');
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  .content {
    width: 1200px;
    height: 580px;
    border-radius: 33px;
    // background: ;
    // box-shadow: 8px 8px 25px , -8px -8px 25px ;
    overflow: hidden;
  }
}
</style>